.all {
  margin-left: 5px;
  .navbar {
    overflow: hidden;
  }

  /* 导航栏按钮样式 */
  .navbar button {
    /* background-color: transparent; */
    background-color: #f1f1f1;
    border: 0.5px;
    border-radius: 8px;
    cursor: pointer;
    float: left;
    padding: 14px 16px;
    transition: background-color 0.3s;
  }

  /* 导航栏按钮悬停样式 */
  .navbar button:hover {
    background-color: #716f6f;
  }

  /* 下拉框样式 */
  .dropdown {
    float: left;
    overflow: hidden;
  }

  /* 下拉框按钮样式 */
  .dropdown button {
    /* background-color: transparent; */
    background-color: #f1f1f1;
    border: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: background-color 0.3s;
  }

  /* 下拉框按钮悬停样式 */
  .dropdown button:hover {
    background-color: #716f6f;
  }

  /* 下拉内容样式 */
  .dropdown-content {
    margin-top: 46px;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 114px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }
  /* 下拉内容链接样式 */
  .dropdown-content div {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  /* 下拉内容链接悬停样式 */
  .dropdown-content div:hover {
    background-color: #716f6f;
  }
  /* 显示下拉内容样式 */
  .dropdown:hover .dropdown-content {
    display: block;
  }
  .drawer {
    float: left;
  }
}
